@import './mixin';

.van-tree-select__nav {
    flex: initial;
}
.van-cell {
    padding: px2rem(10px) px2rem(16px);
    align-items: center;
    font-size: px2rem(14px);
    line-height: px2rem(24px);
}
.van-tag {
    font-size: px2rem(12px);
    padding: px2rem(2px) px2rem(4px);
}
.van-tag--medium {
    font-size: px2rem(12px);
    padding: px2rem(2px) px2rem(6px);
}
.van-tag--large {
    font-size: px2rem(16px);
    padding: px2rem(4px) px2rem(8px);
}
.van-button--small {
    height: px2rem(30px);
}
.van-tabs__wrap {
    height: px2rem(36px);
    padding-bottom: px2rem(15px);
}
.van-tabs__nav--line {
    padding-bottom: px2rem(16px);
}
.van-tab {
    font-size: px2rem(14px);
    padding: 0 px2rem(4px);
}
.van-tabs__line {
    height: px2rem(3px);
}
.van-tabs--line .van-tabs__wrap {
    height: px2rem(50px);
}
.van-tabs__content {
    min-height: px2rem(150px);
}
.van-grid-item__content {
    padding: 0;
    background: transparent;
}
.van-grid-item__icon {
    font-size: unset;
}
.van-grid-item__icon + .van-grid-item__text {
    margin-top: px2rem(8px);
}
.van-grid-item__text {
    font-size: px2rem(12px);
}
.van-empty {
    width: 100%;
    height: px2rem(120px);
    padding: 0;
    position: relative;
    .van-empty__image {
        width: 100%;
        height: 100%;
        margin-bottom: px2rem(32px);
        display: flex;
        align-items: center;
        justify-content: center;
        img {
            width: auto;
            user-select: none;
            -webkit-user-drag: none;
        }
    }
    .van-empty__description {
        max-width: 100%;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        padding: 0;
        font-size: px2rem(14px);
        line-height: px2rem(20px);
        word-break: break-all;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}
.van-popup__close-icon {
    font-size: px2rem(22px);
}
.van-search__content {
    padding-left: px2rem(8px);
    border-radius: px2rem(2px);
}
.van-field__left-icon .van-icon,
.van-field__right-icon .van-icon {
    font-size: px2rem(16px);
}
.van-index-anchor {
    height: 0 !important;
    line-height: 0;
    padding: 0;
}
.van-index-bar__sidebar {
    right: px2rem(8px);
}
.van-index-bar__index {
    padding: 0;
    font-weight: 500;
    font-size: px2rem(12px);
    line-height: px2rem(16px);
}
.van-image__error-icon {
    font-size: px2rem(48px);
}
.van-dropdown-menu {
    position: relative;
    &.inline {
        height: px2rem(32px);
        .van-dropdown-menu__bar {
            height: px2rem(32px);
            box-shadow: none;
        }
        .van-dropdown-item {
            max-height: 30vh;
            position: absolute !important;
            height: auto !important;
            bottom: auto !important;
            top: px2rem(32px) !important;
            overflow: auto;
        }
        .van-dropdown-item__content {
            border: 1px solid #eee;
            position: relative !important;
        }
    }
}
.van-dropdown-menu__bar {
    height: px2rem(48px);
}
.van-dropdown-menu__title  {
    padding: 0 px2rem(12px);
    font-size: px2rem(14px);
    line-height: px2rem(32px);
    height: px2rem(32px);
    overflow: hidden;
    text-align: center;
    &:after {
        right: 2px;
    }
}
.van-collapse-item__content {
    padding: px2rem(12px) px2rem(16px);
    font-size: px2rem(14px);
}
.van-dropdown-item__option {
    .van-cell__title {
        max-height: px2rem(72px);
        overflow: hidden;
    }
}
.van-field__value {
    flex: 1 1 auto;
}
.van-popup.dialog {
    width: 80%;
    min-width: px2rem(280px);
    max-width: px2rem(420px);
    min-height: px2rem(280px);
    max-height: px2rem(480px);
    border-radius: px2rem(16px);
    padding: 0 px2rem(16px);
    display: flex;
    flex-direction: column;
    &.auto-height {
        height: auto;
    }
    .dialog-header {
        height: px2rem(48px);
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .dialog-body {
        flex: 1 1 auto;
        overflow: auto;
    }
    .dialog-footer {
        height: px2rem(48px);
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}
.van-steps--vertical {
    padding: 0 0 0 px2rem(32px);
}
.van-uploader__upload-icon {
    font-size: px2rem(48px);
}